.stepWrapper {
    position: relative;
    width: 280px;
    height: 56px;
    > .statusStep {
        position: absolute;
        left: -46px;
        top: 0;
    }
    :global {
        .ant-steps-item-container {
            width: 56px;
        }
    }
}
.operateWrapper {
    margin-top: 30px;
    :global {
        .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
        .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
            width: 11px;
            height: 11px;
            line-height: 11px;
        }
        .ant-steps-dot .ant-steps-item-content,
        .ant-steps-dot.ant-steps-small .ant-steps-item-content {
            width: auto;
            > .ant-steps-item-title {
                width: 100%;
            }
        }

        .ant-steps {
            > .ant-steps-item-process:nth-child(n + 2) {
                .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
                    background: #fff;
                    border: 1px solid #ffa22d;
                }
            }
        }
        .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
            left: -2px;
        }
    }
}
.box {
    display: flex;
    align-items: baseline;
}
.content {
    margin-bottom: 30px;
}
.time {
    font-weight: 500;
    font-size: 12px;
    flex: auto;
}
.light {
    color: rgba(0, 0, 0, 0.45);
    white-space: pre-wrap;
    word-break:break-all;
}
.lighter {
    color: rgba(0, 0, 0, 0.25);
}
.expandWrapper {
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 12px;
    padding: 8px 12px;
    background: #f8f8f8;
    border-radius: 2;
    border: 1px solid #e8e8e8;
    line-height: 18px;
}
.btn {
    font-size: 12px;
    display: 'flex';
    justify-content: center;
    width: 40px;
}
